<template>
  <div class="error">
      <div>
        <img src="./img/error.png" alt="">
        <div class="back" @click="back()">返回主页</div>
      </div>
  </div>
</template>
<script>
export default{
  methods:{
    back(){
      this.$router.push('/home');
    }
  }
}
	
</script>
<style lang="stylus" scoped >
.error
  position relative
  min-height 100%
  background #fff
  padding 1.88rem
  line-height 1.8rem
  margin-right 1.8rem
  box-sizing border-box
  >div
    position absolute
    top 50%
    left 50%
    transform translate(-50%,-50%) 
  img
    display block
    margin 0 auto
  .back
    width 12rem
    height 2rem
    text-align center
    color #e96150
    font-size 14px
    border 1px solid #e96150
    margin 0 auto
    border-radius 50px
    cursor pointer
    transform translateX(-3.5rem) 
    margin-top 7.5rem
</style>